/* Layout */
.layout{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex: auto; -ms-flex: auto; flex: auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 100%; height: 100%}
.layout,.layout *{-webkit-box-sizing: border-box; box-sizing: border-box}
.layout.layout-has-sider{-webkit-box-orient: horizontal;-webkit-box-direction: normal;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row}

/* Childrens */
.layout-header{-webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; height: 48px; line-height: 48px}
.layout-sider{position: relative; transition: all .2s; height: 100%; overflow-y: auto}
.layout-content{-webkit-box-flex: 1;-webkit-flex: auto;-ms-flex: auto;flex: auto; overflow: auto}
.layout-footer{-webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; padding: 18px 8px; font-size: 14px}
.layout.layout-has-sider .layout-content{overflow-x: hidden}

/* Themes */
.layout-header-dark, .layout-sider-dark{background-color: #393D49; color: #E2E2E2}
.layout-header-light{background: #EEEEEE; color: #393D49; border-bottom: 1px solid rgba(0, 0, 0, .1)}
.layout-sider-light{background: #EEEEEE; color: #393D49; border-right: 1px solid rgba(0, 0, 0, .1)}
